<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/static/context/mytags.jsp"%>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>${sysname}-产品列表</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="toTop" content="true"><!--返回顶部-->

    <%@ include file="../../../static/context/cssheader.jsp"%>

    <link rel="stylesheet" type="text/css" href="${basePath}/static/pagination/style/pagination.css" media="screen">

    <%@ include file="../../../static/context/cndheader.jsp"%>
</head>
<body  class="bd-box">
<!----------------------------------页头-------------------------------->
<!--头部开始-->
<jsp:include page="header.jsp"></jsp:include>
<!--header-->

<!----------------------------------主体内容-------------------------------->
<!-- 搜索横幅 -->
<div class="top-search-box">
    <div class="top-search-bd">
        <h3>找到你的万水千山</h3>
        <div class="input-group">
            <input type="text" id="searchCondition" class="form-control input-lg" placeholder="输入工具关键字..." style="text-align: left;z-index:500;">
            <span class="input-group-btn">
			<button class="btn btn-primary btn-lg" type="button" style="z-index:500;" id="searchbutton">找到你的知音 <i class="am-icon-arrow-right"></i></button>
		  </span>
        </div>
    </div>

    <div class="waveWrapper waveAnimation">
        <div class="waveWrapperInner bgTop">
            <div class="wave waveTop" style="background-image: url('${basePath}/static/custom/images/wave-top.png')"></div>
        </div>
        <div class="waveWrapperInner bgMiddle">
            <div class="wave waveMiddle" style="background-image: url('${basePath}/static/custom/images/wave-mid.png')"></div>
        </div>
        <div class="waveWrapperInner bgBottom">
            <div class="wave waveBottom" style="background-image: url('${basePath}/static/custom/images/wave-bot.png')"></div>
        </div>
    </div>
</div>
<!-- 主导航 -->
<div class="row">
    <div class="col-xs-12">
        <div class="screenBox">
            <div class="TopScreening">
                <ul class="main-nav" id="typeul">
                    <li class="active"><a href="javascript:" name="" onclick="productController.clicktype('')">全部</a></li>
                    <c:forEach items="${types}" var="t">
                        <li><a href="javascript:" name="${t.id}" onclick="productController.clicktype(${t.id})">${t.name}</a></li>
                    </c:forEach>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="contentBody">
    <!-- 筛选排序 -->
    <div class="row">
        <div class="col-xs-12">
            <div class="bz-screening-box">
                <div class="bz-container">
                    <%--<ul class="fil-sort">
                        <li class="sort-item sort-active">
                            <span>默认</span>
                        </li>
                        <li class="text-gray-c">|</li>
                        <li class="sort-item" id="pai1">
                            <span>销量</span>
                            <img src="${basePath}/static/custom/images/sort-up-defult.png">
                        </li>
                        <li class="text-gray-c">|</li>
                        <li class="sort-item" id="hole-price">
                            <span>价格</span>
                            <img src="${basePath}/static/custom/images/sort-up-defult.png">
                        </li>
                    </ul>--%>
                </div>
            </div>
        </div>
    </div>
    <!-- 列表 -->
    <div class="row">
        <div class="col-xs-12">
            <ul class="engineer-list am-avg-sm-5" id="productlist"></ul>
            <!--没有任何数据一个提示信息模版-->
            <div class="text-center padding-xl" id="nodatatip">
                <img src="${basePath}/static/custom/images/icon_no_data.png" width="60" alt="">
                <p>当前您还没有任何记录哦...</p>
            </div>
        </div>
        <!--页码分页-->
        <div class="row">
            <div class="col-xs-12">
                <nav class="text-center">
                    <div class="M-box4" style="display:none;"></div>
                    <%--<ul class="pagination">
                        <li><a href="#">上一页</a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">...</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">下一页</a></li>
                    </ul>--%>
                </nav>
            </div>
        </div>
    </div>
</div>
<!--右侧边快捷-->
<%--<div class="UpTop">
    <ul>
        <li class="Up-help right-tel"> <i class="icon-bar3"></i> <a class="upTop-text animated fadeInRight" href="javascript::;">在线客服</a> </li>
        <li class="Up-help right-tel"> <i class="icon-bar4"></i> <a class="upTop-text animated fadeInRight" href="javascript::;">T：40088888</a> </li>
        <li class="Up-help right-tel"> <i class="icon-bar5"></i> <a class="right-qr animated fadeInRight" href="javascript::;"><img src="images/gz_hs.png" width="110" alt=""/></a> </li>
        <li id="upTop"> <i class="icon-bar6"></i> <a class="upTop-text" href="javascript::;">返回顶部</a> </li>
    </ul>
</div>--%>

<!----------------------------------页脚-------------------------------->
<jsp:include page="footer.jsp"></jsp:include>

<%@ include file="/static/context/customjs.jsp"%>
<script src="${basePath}/static/pagination/script/jquery.pagination.js"></script>
<script src="${basePath}/static/js/custom/product.js"></script>
</body>
</html>
